<template>
  <div id="app">
      <h1>黑马头条</h1>
      <i class="toutiao toutiao-shipin"></i>
      <van-button type="default">默认按钮</van-button>
      <van-button type="primary">主要按钮</van-button>
      <van-button type="info">信息按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
      <van-button type="danger">危险按钮</van-button>
      <div class="font-size">字体</div>
      <router-view/>
  </div>
</template>
<script>
/*
 1. 在通过vscode开启项目时，一定要把更目录设置为项目文件夹 （如果不这样设置，可能自动格式化会失效）
 2. 虽然设置了通过eslint配置自动格式化插件，但是希望各位可以慢慢的脱离该插件
*/

/*
  postcss-pxtorem 插件只能修改内部样式表、外部样式表中的px 789
  不可以修改行内样式表中的px设置
*/
export default {
  name: 'App',
  data () {
    return {
      name: '玛卡巴卡',
      age: '666'
    }
  }
}
</script>

<style lang="less" scoped>
  .font-size {
    font-size: 66px;
  }
</style>
